<?php /* @var $this Controller */ ?>

<?php $this->beginContent('//layouts/main'); ?>
    <!-- BEGIN SIDEBAR & CONTENT -->
    <div class="row margin-bottom-40">
        <!-- BEGIN SIDEBAR -->
        <div class="sidebar col-md-3 col-sm-5">
            <ul class="list-group margin-bottom-25 sidebar-menu">
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i>
                        Ladies</a></li>
                <li class="list-group-item clearfix dropdown active">
                    <a href="javascript:void(0);" class="collapsed">
                        <i class="fa fa-angle-right"></i>
                        Mens
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu" style="display:block;">
                        <li class="list-group-item dropdown clearfix active">
                            <a href="javascript:void(0);" class="collapsed"><i class="fa fa-circle"></i> Shoes <i
                                    class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu" style="display:block;">
                                <li class="list-group-item dropdown clearfix">
                                    <a href="javascript:void(0);"><i class="fa fa-circle"></i> Classic <i
                                            class="fa fa-angle-down"></i></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="product-list.html"><i class="fa fa-circle"></i> Classic 1</a></li>
                                        <li><a href="product-list.html"><i class="fa fa-circle"></i> Classic 2</a></li>
                                    </ul>
                                </li>
                                <li class="list-group-item dropdown clearfix active">
                                    <a href="javascript:void(0);" class="collapsed"><i class="fa fa-circle"></i> Sport
                                        <i class="fa fa-angle-down"></i></a>
                                    <ul class="dropdown-menu" style="display:block;">
                                        <li class="active"><a href="product-list.html"><i class="fa fa-circle"></i>
                                                Sport 1</a></li>
                                        <li><a href="product-list.html"><i class="fa fa-circle"></i> Sport 2</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="product-list.html"><i class="fa fa-circle"></i> Trainers</a></li>
                        <li><a href="product-list.html"><i class="fa fa-circle"></i> Jeans</a></li>
                        <li><a href="product-list.html"><i class="fa fa-circle"></i> Chinos</a></li>
                        <li><a href="product-list.html"><i class="fa fa-circle"></i> T-Shirts</a></li>
                    </ul>
                </li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i> Kids</a>
                </li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i>
                        Accessories</a></li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i>
                        Sports</a></li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i>
                        Brands</a></li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i>
                        Electronics</a></li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i> Home
                        & Garden</a></li>
                <li class="list-group-item clearfix"><a href="product-list.html"><i class="fa fa-angle-right"></i>
                        Custom Link</a></li>
            </ul>

            <div class="sidebar-products clearfix">
                <h2>Bestsellers</h2>

                <div class="item">
                    <a href="item.html"><img src="assets/temp/products/k1.jpg" alt="Some Shoes in Animal with Cut Out"></a>

                    <h3><a href="item.html">Some Shoes in Animal with Cut Out</a></h3>

                    <div class="price">$31.00</div>
                </div>
                <div class="item">
                    <a href="item.html"><img src="assets/temp/products/k4.jpg" alt="Some Shoes in Animal with Cut Out"></a>

                    <h3><a href="item.html">Some Shoes in Animal with Cut Out</a></h3>

                    <div class="price">$23.00</div>
                </div>
                <div class="item">
                    <a href="item.html"><img src="assets/temp/products/k3.jpg" alt="Some Shoes in Animal with Cut Out"></a>

                    <h3><a href="item.html">Some Shoes in Animal with Cut Out</a></h3>

                    <div class="price">$86.00</div>
                </div>
            </div>
        </div>
        <!-- END SIDEBAR -->

        <!-- BEGIN CONTENT -->
        <div class="col-md-9 col-sm-7">
            <?php echo $content ?>
        </div>
        <!-- END CONTENT -->
    </div>
    <!-- END SIDEBAR & CONTENT -->

    <!-- BEGIN SIMILAR PRODUCTS -->
    <div class="row margin-bottom-40">
        <div class="col-md-12 col-sm-12 bxslider-wrapper bxslider-wrapper-similar-products">
            <h2>Most popular products</h2>
            <ul class="bxslider bxslider-similar-products" data-slides-phone="1" data-slides-tablet="2"
                data-slides-desktop="4" data-slide-margin="20">
                <li>
                    <div class="product-item">
                        <div class="pi-img-wrapper">
                            <img src="assets/temp/products/k4.jpg" class="img-responsive" alt="Berry Lace Dress">

                            <div>
                                <a href="assets/temp/products/k4.jpg" class="btn btn-default fancybox-button">Zoom</a>
                                <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                            </div>
                        </div>
                        <h3><a href="item.html">Berry Lace Dress</a></h3>

                        <div class="pi-price">$29.00</div>
                        <a href="#" class="btn btn-default add2cart">Add to cart</a>
                    </div>
                </li>
                <li>
                    <div class="product-item">
                        <div class="pi-img-wrapper">
                            <img src="assets/temp/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">

                            <div>
                                <a href="assets/temp/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
                                <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                            </div>
                        </div>
                        <h3><a href="item.html">Berry Lace Dress2</a></h3>

                        <div class="pi-price">$29.00</div>
                        <a href="#" class="btn btn-default add2cart">Add to cart</a>
                    </div>
                </li>
                <li>
                    <div class="product-item">
                        <div class="pi-img-wrapper">
                            <img src="assets/temp/products/k2.jpg" class="img-responsive" alt="Berry Lace Dress">

                            <div>
                                <a href="assets/temp/products/k2.jpg" class="btn btn-default fancybox-button">Zoom</a>
                                <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                            </div>
                        </div>
                        <h3><a href="item.html">Berry Lace Dress3</a></h3>

                        <div class="pi-price">$29.00</div>
                        <a href="#" class="btn btn-default add2cart">Add to cart</a>
                    </div>
                </li>
                <li>
                    <div class="product-item">
                        <div class="pi-img-wrapper">
                            <img src="assets/temp/products/k3.jpg" class="img-responsive" alt="Berry Lace Dress">

                            <div>
                                <a href="assets/temp/products/k3.jpg" class="btn btn-default fancybox-button">Zoom</a>
                                <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                            </div>
                        </div>
                        <h3><a href="item.html">Berry Lace Dress4</a></h3>

                        <div class="pi-price">$29.00</div>
                        <a href="#" class="btn btn-default add2cart">Add to cart</a>
                    </div>
                </li>
                <li>
                    <div class="product-item">
                        <div class="pi-img-wrapper">
                            <img src="assets/temp/products/k4.jpg" class="img-responsive" alt="Berry Lace Dress">

                            <div>
                                <a href="assets/temp/products/k4.jpg" class="btn btn-default fancybox-button">Zoom</a>
                                <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                            </div>
                        </div>
                        <h3><a href="item.html">Berry Lace Dress5</a></h3>

                        <div class="pi-price">$29.00</div>
                        <a href="#" class="btn btn-default add2cart">Add to cart</a>
                    </div>
                </li>
                <li>
                    <div class="product-item">
                        <div class="pi-img-wrapper">
                            <img src="assets/temp/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">

                            <div>
                                <a href="assets/temp/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
                                <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                            </div>
                        </div>
                        <h3><a href="item.html">Berry Lace Dress6</a></h3>

                        <div class="pi-price">$29.00</div>
                        <a href="#" class="btn btn-default add2cart">Add to cart</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- END SIMILAR PRODUCTS -->
<?php $this->endContent(); ?>